<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft HTML Help Workshop 4.0">
<title>To insert the tag for an instance of the section</title>
<style>@import url(coUA.css);</style>
<link disabled rel="stylesheet" href="htmlhelp.css">
</head>

<body>

<h1>To insert the tag for an instance of the section</h1>

<p>Insert the following tag in an HTML file at the location where you want the section to appear:</p>

<code>&lt;a href="<i>filename.htm</i>" onmouseover="<i>functionOn(id1)</i>" onmouseout="<i>functionOff(id1)</i>"&gt;<br>
&lt;span ID="<i>id1</i>" class="<i>classname</i>"&gt;GO&lt;/span&gt;&lt;/a&gt;</code></p>

<p>Where <code>filename.htm</code> is the name of the HTML file to which you want to link, <code>functionOn</code> is the name of the JavaScript function that is triggered when a user moves their cursor over the section, and <code>functionOff</code> is the name of the JavaScript function that is triggered when the user's cursor moves out of the section. <code>id1</code> is the ID for this instance of the <code>&lt;SPAN&gt;</code>, and <code>classname</code> is the style class.</p>

<h3>Example</h3>

<p>The following is a tag used for the dynamic "Go" link in the HTML Help documentation:</p>
<code>
&lt;a href="overbig.htm" onmouseover="liteGo(go1)" onmouseout="liteOff(go1)"&gt;<br>
&lt;span ID="go1" class="endlink"&gt;GO&lt;/span&gt;&lt;/a&gt;
</code>

<h3>Note</h3>
<ul>
<li>If you place multiple elements on the same page, each one must have a unique ID.
</li>
</ul>
<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr> 
<td valign="top"><a href="ocx_dhtml_mini2b.htm"><img src="step2.gif" alt="next step" border="0"></a>
</td><td><a href="ocx_dhtml_mini2b.htm">Insert the JavaScript code</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

</body>
</html>